<style type="text/css">

#wrapper { 
position:absolute;
 width:830px;
 height:750px;
 margin-left: 1%;
//background: blue;
overflow:hidden;
background: url('contact.jpg') no-repeat;
}

#header {
 position:absolute;
 top:0px;
 left:0px;
 color: #333;
 height: 172px;
 //background: blue;
 overflow:hidden;
}

#footer { 
 position:absolute;
 float: left;
 top:172px;
 height: 578px;
 clear: both;
 color: #333;
 //background: green;
}

#navcontainer { 
 position:absolute;
 top:0;
//left:182px; 
//top:166px;
 //float: left;
 color: #333;
 //background: pink;
 height: 34px;
 width:500px;
 }

#fbtwit { 
 position:absolute;
 left:600px; 
 top:350px;
 color: #333;
 background: grey;
 height: 50px;
 width:50px;
 }

body {
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 33px;
}

#infoform { 
position:absolute;
align:left;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
 position:absolute;
 left:40px; 
 top:180px;
// color: #333;
//background:blue;
 //background: transparent;
 height:550px;
 //width:50px;
 }

.myform{
position:absolute;
margin:0 auto;
width:600px;
top:100px;
left:0
background:pink;

}

td
{
padding-left:140px;
padding-top:7px;
}

.keso
{
padding-left:0px;
padding-top:3px;
}

input
{
background-color:transparent;
height:24px;
//border:0
}

.mytable{
position:absolute;
margin:0 ;
left:0
background:pink;
font-size: 15px;
width:600;
}


.nm { 
float:left;
    margin-top:0px ;
padding:0;
border:0px; 
background:blue;
}

.summit{
margin-top: 22px; 
margin-left: 7px;
width: 80px; 
height: 31px; 
}

.formInput
{
background-color:transparent;
border:0;
color: white;
font:0.90em cursive;
font-weight:bold;
resize:none;
}
//------------------------------------------------
//SPRITE BASED NAV: http://www.mattvarone.com   
//------------------------------------------------
ul#navbar {     width:500px;
		list-style:none;
		height:68px;
		//margin:0 auto; /* center nav */
}
ul#navbar li {	display:inline; }
ul#navbar li a {height:34px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}
ul#navbar li#navbar-1 a{width:110px;background:url(contact-navbar.jpg) no-repeat 0 -0;}
ul#navbar  li#navbar-1 a:hover { background-position:0 -34px;}

ul#navbar li#navbar-2 a{width:150px; background:url(contact-navbar.jpg) no-repeat -110px 0;
}
ul#navbar  li#navbar-2 a:hover {
        background-position:-110px -34px;
}
ul#navbar li#navbar-3 a {
width:120px;
background:url(contact-navbar.jpg) no-repeat -260px 0;
}
ul#navbar  li#navbar-3 a:hover {background-position:-260px -34px;}

ul#navbar li#navbar-4 a {width:120px;
	background:url(contact-navbar.jpg) no-repeat -380px -34px;
}
ul#navbar  li#navbar-4 a:hover {background-position:-380px -34px;}
</style>


<div id="wrapper" align="center">
  <div id="header"></div>

  <div id="infoform" class="myform">
     <form action="http://www.hostmonster.com/monstermail" 
	      enctype="multipart/form-data" method="POST">
      <input name="sendtoemail" value="info@dance-aholic.com" 
	     type="hidden"><br>
      <input name="redirect" 
	     value="http://dance-aholic.com/index.html"
	     type="hidden"><br>
      <input name="subject" value="DanceAHolic information Request" 
	     type="hidden"><br>
	
      <table class="mytable">
	  <tr> 
	    <td><br/> </td>
	  </tr>
	  <tr> 
	    <td>   <input class="formInput" name="firstName" size="30"> </td>
	  </tr>
	  <tr> 
	    <td>   <input  class="formInput" name="mailaddr" size="30"> </td>
	  </tr>
	  <tr>
	    <td style="padding-top:0;"> 
	      <input  class="formInput" name="phone" size="30"></td>
	  </tr>
	 <tr>
	   <td style="padding-left: 388px;"> 
	     
	     <input name="newsletter" value="yes" type="radio" style="margin-left:55px;">
	     <input name="newsletter" value="no" type="radio"  style="margin-left:70px;">
	   
	   </td>
	 </tr>
<tr>
 <td style="padding-left:300px; padding-top:5px">
  <select  class="formInput" name="preferedDance" style="color:black;" size=1 >
    <option value="" SELECTED>Pilih satu 
    <option value="Breakdance">Breakdance
    <option value="Hip Hop">Hip Hop
    <option value="Pop Modern">Pop Modern
    <option value="Wacking">Wacking
    <option value="Jazz Punk">Jazz Punk
    <option value="Poppin">Poppin
    <option value="Krumping">Krumping
    <option value="RnB">RnB
    <option value="Belly dance">Belly dance
    <option value="Capoeira">Capoeira
    <option value="Latin dance">Latin dance
    <option value="Ballroom dance">Ballroom  dance
    <option value="Tradisional Indonesia">Tradisional Indonesia
    <option value="Tradisional Asia">Tradisional Asia  
    <option value="Lainnya">Lainnya

  </select>
</td></tr>
<tr>
   <td style="padding-top: 10px; padding-left: 275px;">
     <textarea class="formInput" cols="20" rows="2" name="additional" style="width:190px; "></textarea>	    
	   </td>
	  </tr>
<tr>
   <td style="padding-top: 0px; padding-left: 140px;">
     <textarea  class="formInput" cols="50" rows="6" name="notes" style="width:328px;"></textarea>	    
	   </td>
	  </tr>
<td class="keso">
<INPUT class="summit"  TYPE="image" SRC="submit.jpg" ALT="Submit Form"  value="Submit">     	  	      
</td>
	  </tr>
  </table>

 

	</form>
</div>
	  

	
	</div>
   





